import React from 'react';
import { Outlet, useNavigate } from 'react-router-dom';
import { Layout } from 'antd';
import Aside from '../../components/Staffcenter/Aside';
const { Sider, Content } = Layout;

interface Props {

}
interface MenuItem {
    item: object
    key: string
}
function Staffcenter(props: Props) {
    var navigate = useNavigate()

    var handleClick = function ({ item, key }: MenuItem) {
        navigate(key);
    }
    return (
        <div className='staffcenter'>
            <Layout className='staffCenter'>
                <Sider theme='light'>
                    <Aside></Aside>
                </Sider>
                <Content style={{ padding: 20, marginLeft: 60 }}>
                    <Outlet></Outlet>
                </Content>
            </Layout>
        </div>
    );
}

export default Staffcenter;